<template>
	<view class="container">
		<view class="money_wrap">
			<view style="font-size: 24px;font-weight: bold;color:#242724">
				9999.00
			</view>
			<view style="font-size: 12px;font-weight: bold;color:#979797">
				当前佣金
			</view>
		</view>
		<view class="part_two">
			<view class="">
				<view style="color: #242724;font-size: 18px;">
					555.00
				</view>
				<view style="color: #979797;font-size: 12px;">
					昨日收益
				</view>
			</view>
			<view class="center_line"></view>
			<view class="">
				<view style="color: #242724;font-size: 18px;">
					555.00
				</view>
				<view style="color: #979797;font-size: 12px;">
					累计已提
				</view>
			</view>
		</view>
		<view class="tool_wrap">
			<view class="tool_icon">
				<image style="width: 30px;height: 30px;margin-bottom: 6px;" src="/static/image/xinyi_01.png"></image>
				<text style="font-size: 12px;">佣金明显</text>
			</view>
			<view class="tool_icon">
				<image style="width: 30px;height: 30px;margin-bottom: 6px;" src="/static/image/xinyi_02.png"></image>
				<text style="font-size: 12px;">订单明细</text>
			</view>
			<view class="tool_icon">
				<image style="width: 30px;height: 30px;margin-bottom: 6px;" src="/static/image/xinyi_03.png"></image>
				<text style="font-size: 12px;">提现记录</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
           return {
			   userInfo: null,
		   }
		},
		created() {
			const userInfo = uni.getStorageSync('userInfo')
			if (userInfo && userInfo.openId) {
				this.userInfo = userInfo
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page {
	background: #ffffff;
}
.container {
	padding: 0 15px;
	box-sizing: border-box;
}
.money_wrap {
	margin: 50px 0 60px 0;
	text-align: center;
}
.part_two {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}
.center_line {
	width: 1px;
	height: 40px;
	background: #D6D6D6;
}
.tool_wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	margin-top: 50px;
}
.tool_icon {
	width: calc((100% - 120px) / 3);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.line {
	width: 100%;
	margin: 20px auto;
	height: 1px;
	box-sizing: border-box;
	background: #EFEFEF;
}
</style>
